<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>用户登录</title>
        <!-- Bootstrap 核心 CSS 文件 -->
        <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.css">
        <style>
            /*web background*/
            .container{
                display:table;
                height:100%;
            }

            .row{
                display: table-cell;
                vertical-align: middle;
            }
            /* centered columns styles */
            .row-centered {
                text-align:center;
            }
            .col-centered {
                display:inline-block;
                float:none;
                text-align:left;
                margin-right:-4px;
            }
        </style>
    </head>

   <body>  
     <h1><center>FAN's Blog</center></h1>    
         <div class="container">
            <div class="row row-centered">
            <div class="well col-md-6 col-centered"> 
            <form action='/login/' method="POST" name="myuserlogin">
                {% csrf_token %}
                <div class="input-group input-group-md">
                    <span class="input-group-addon" id="sizing-addon1"><i class="glyphicon glyphicon-user" aria-hidden="true"></i></span>
                    <label for="用户名">用户名:</label>
                    <input type="username" name="username" class="form-control" placeholder="用户名/手机号/密码">
                </div>
                <div class="input-group input-group-md">
                    <span class="input-group-addon" id="sizing-addon1"><i class="glyphicon glyphicon-lock"></i></span>
                    <label for="密码">密码:</label>
                    <input type="password" name= "password" class="form-control" placeholder="请输入密码">
                </div>
                <input type="submit" value="立即登录"  style="margin:0 auto;width:100%;height:40px;">
                </div>
            </form>
             </div>
        </div>
     </div>
        <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
        <script src="/static/bootstrap/js/jquery.min.js"></script>
        <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
        <script src="/static/bootstrap/js/bootstrap.min.js"></script>
  </body>  
</html>